<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %} {% endblock %}</title>
    <meta charset="utf-8">
    <meta name="keywords" content="{% block keywords %} {% endblock %}"/>
    <meta name="description" content="{% block description %} {% endblock %}"/>
    <link href="{{ 'css/base.css'|tl_static }}" rel="stylesheet">
    <link href="{{ 'css/index.css'|tl_static }}" rel="stylesheet">
    <link href="{{ 'css/swiper.css'|tl_static }}" rel="stylesheet">
    <script type="text/javascript" src="{{ 'js/up/jquery.js'|tl_static }}"></script>
    <!--[if lt IE 9]>
    <script src="js/modernizr.js"></script>
    <![endif]-->
    <script type="text/javascript" src="{{ 'js/up/js.js'|tl_static }}"></script>
    {% block header %}  {% endblock %}
</head>
<body>
<header>
{#    <div class="topbg">#}
{#        <ul class="topnav">#}
{#            <a href="" target="_blank">Home</a>#}
{#            <a href="" target="_blank">关于我们</a>#}
{#        </ul>#}
{#    </div>#}
    <div class="topbgline"></div>
    <div class="logo">
        <div class="logo_l f_l"><a href="{{ url_for('webapp_bp.index_page') }}"><img src="{{ tlcms.system.web_logo }}" alt="logo1" ></a></div>
        <div class="logo_r f_r">
            <div class="search">
                <form action="{{ url_for('webapp_bp.search') }}" method="get" name="search" id="search">
                    <input name="keywords" id="keyboard" class="input_text" value="请输入关键字词" style="color: rgb(153, 153, 153);" onfocus="if(value=='请输入关键字词'){this.style.color='#000';value=''}"
                           onblur="if(value==''){this.style.color='#999';value='请输入关键字词'}" type="text">
                    <input name="Submit" class="input_submit" value="搜索" type="submit">
                </form>
            </div>
        </div>
    </div>
    <nav id="topnav">
        <ul>
            <a href="{{ url_for('webapp_bp.index_page') }}" id="topnav_current">网站首页</a>
            {% for foo in tlcms.column %}
                {% if foo.column_link %}
                    <a href="{{ foo.column_link }}" target="_blank">{{ foo.column_name }}</a>
                {% else %}
                    <a href="{{ url_for('webapp_bp.list_article_page',cid=foo.column_ID) }}" target="_blank">{{ foo.column_name }}</a>
                {% endif %}
            {% endfor %}
        </ul>
    </nav>
</header>
{% block article %} {% endblock %}
<footer>
    <div class="endfoot">
        <div class="ft-info f_l">
            <div class="ftlogo"><a href="javascript:;" target="_blank"><img src="{{ tlcms.system.web_logo }}" alt="logo"></a></div>
            <div class="ft-title">
                <p>优秀轻量级内容管理系统! </p>
            </div>
        </div>
        <div class="ft-list f_r">
            <div class="ft-shares"></div>
            <div class="ft-nav"><a href="javascript:;" target="_blank">站长统计</a>{{ tlcms.system.web_stat }}</div>
            <p class="ft-copyright"> Copyright 2019 TLCMS V0.1 {{ tlcms.system.web_record }}</p>
        </div>
    </div>
    <div id="tbox"><a id="togbook" href="javascript:;"></a> <a id="gotop" href="javascript:void(0)"></a></div>
</footer>
{% block footer %}
    <script>
        window.onload = function () {
            try {
                var swiper = new Swiper('.swiper-container', {
                    pagination: '.swiper-pagination',
                    nextButton: '.swiper-button-next',
                    prevButton: '.swiper-button-prev',
                    paginationClickable: true,
                    spaceBetween: 30,
                    centeredSlides: true,
                    autoplay: 2500,
                    autoplayDisableOnInteraction: false
                });
            } catch (e) {

            }

            try {
                var oLi = document.getElementById("tab").getElementsByTagName("li");
                var oUl = document.getElementById("ms-main").getElementsByTagName("div");
                for (var i = 0; i < oLi.length; i++) {
                    oLi[i].index = i;
                    oLi[i].onmouseover = function () {
                        for (var n = 0; n < oLi.length; n++) oLi[n].className = "";
                        this.className = "cur";
                        for (var n = 0; n < oUl.length; n++) oUl[n].style.display = "none";
                        oUl[this.index].style.display = "block"
                    }
                }
            } catch (e) {

            }

        }

    </script>
{% endblock %}
</body>
</html>
